<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>药品材料页面</title>
<link rel="stylesheet" href="../../../layui/css/layui.css" media="all">
<style type="text/css">
	#one{
		color:pink;
		font-size: 26px;
	}
</style>
</head>
<body>
	<div class="demoTable">
	  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	  <span id="one">药丨品丨材丨料丨配丨置</span>
	  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	  <button class="layui-btn layui-btn-normal layui-btn-radius" id="baocun">保存</button>
      <button class="layui-btn layui-btn-warm layui-btn-radius" id="zengjia">增加</button>
	</div>
	<table class="layui-hide" id="drugMaterials" lay-filter="demo"></table>
 
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="edit" id="imgUpdate">修改</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="input">
	<div class="layui-inline">
		<input class="layui-input" maxlength="3" style="border:none;padding-bottom:8px;" name="dmNumber" id="{{d.dmId}}" autocomplete="off" placeholder="输入材料数量" value="{{d.dmNumber}}" onkeyup="clearNoNum(this);">
	</div>
</script>
 
 <script type="text/javascript" src="../../../res/js/base.js"></script>
 <script type="text/javascript" src="../../../res/mln/getUrlParam.js"></script>
<script src="../../../layui/layui.js"></script>
<script>

layui.use(['laydate', 'laypage', 'layer', 'table', 'upload', 'element'], function(){
	  var laydate = layui.laydate //日期
	  ,laypage = layui.laypage //分页
	  ,layer = layui.layer //弹层
	  ,table = layui.table //表格
	  ,upload = layui.upload //上传
	  ,element = layui.element; //元素操作
	 
	  
	  //监听Tab切换
	  element.on('tab(demo)', function(data){
	    layer.msg('切换了：'+ this.innerHTML);
	    console.log(data);
	  });
	  
	  //执行一个 table 实例
	  table.render({
	     elem: '#drugMaterials'
	    ,url: getRootPath()+'drugMaterials/findByDrugId.action?drugId='+getUrlParam('drugId') //数据接口
	    ,page: true //开启分页
	    ,method:'post'
	    ,cols: [[ //表头
	      /* ,{field: 'dmId', title: '药品材料ID', width:120, fixed: 'left'} */
	      {field: 'drugName', title: '药品名称', width:'25%'}
	      ,{field: 'matName', title: '材料名称', width:'25%'}
	      ,{field: 'dmNumber', title: '材料数量', width:'22%',templet:'#input'}//edit: 'text',
	      ,{fixed: 'right',title: '操作', width: '22%', align:'center', toolbar: '#barDemo'}
	    ]]
	  	,id: 'testReload'
	  });
	  
	  //监听工具条
	  table.on('tool(demo)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
	    var data = obj.data //获得当前行数据
	    ,layEvent = obj.event //获得 lay-event 对应的值
	    if(layEvent === 'del'){
	      var dmId=data.dmId;
	      layer.confirm('确认删除？', function(index){
	        obj.del(); //删除对应行（tr）的DOM结构
	        layer.close(index);
	        //使用jquery的ajax方式向后台提交数据
			var url = "../../../drugMaterials/delete.action";
			var data={dmId:dmId};
				$.post(url,data,function(mes){
					if(mes.num>0){
						layer.msg('删除成功', {
							  icon: 1,
							  time: 1000 //1秒关闭（如果不配置，默认是3秒）
							}, function(){
								// location.reload(); // 页面刷新
								
						});
					}
				});
	      	});
	    } else if(layEvent === 'edit'){
	    	var dmId=data.dmId;
	    	var dmNumber=$("#"+dmId).val();
	    	//alert($("#"+dmId).val());
	    	layer.confirm('确认修改？', function(index){
		        /* obj.del(); */ //删除对应行（tr）的DOM结构
		        layer.close(index);
		        //使用jquery的ajax方式向后台提交数据
				var url = "../../../drugMaterials/update.action";
				var data={dmId:dmId,dmNumber:dmNumber};
					$.post(url,data,function(mes){
						if(mes.num>0){
							layer.msg('修改成功', {
								  icon: 1,
								  time: 1000 //1秒关闭（如果不配置，默认是3秒）
								}, function(){
									 //location.reload(); // 页面刷新
							});
						}
					});
		      	});
	     }
	  });
	  
	  //条件查询
	  var $ = layui.$;
			  
	 /*$('.demoTable .layui-btn').on('click', function(){
		 var matName = $('#matName');
		 //执行重载
	     table.reload('testReload', {
	       page: {
	         curr: 1 //重新从第 1 页开始
	       }
	       ,where: {
	    	   matName: matName.val()
	       }
	     });
	  }); */
	  $('#zengjia').on('click', function(){
		 //location.href="drugMaterialsAdd.html";
		// window.open("drugMaterialsAdd.html");
		 var drugId=getUrlParam('drugId');
		// alert(drugId);
		 window.location="drugMaterialsAdd.html?drugId="+drugId;
	   });
	  
	  $('#baocun').on('click', function(){
			var a=layui.table.cache.testReload;
			var nums=document.getElementsByName("dmNumber");
			//alert(a);
			//alert(nums.length);
			for(var i=0; i<nums.length; i++){
				a[i].dmNumber=nums[i].value;
			}
			a=JSON.stringify(a);
			//alert(a);
			//使用jquery的ajax方式向后台提交数据
			var url = "../../../drugMaterials/updateOrAdd.action";
			var data={a:a};
			$.post(url,data,function(mes){
				if(mes.num>0){
					layer.msg('配置成功', {
						  icon: 1,
						  time: 1000 //1秒关闭（如果不配置，默认是3秒）
						},function(){
							 location.reload(); // 页面刷新
					});
				}
			});
	  });  
	  
	});
	
	//限制数字的输入
	function clearNoNum(obj){ 
	    obj.value = obj.value.replace(/[^\d]/g,"");  //清除“数字”和“.”以外的字符  
	    if(obj.value ==0){
	    	obj.value = "1";
	    }
	    if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额 
	        obj.value= parseFloat(obj.value); 
	    }
	    if(obj.value.indexOf(".")==0){//第一个字符不能为.
	    	 obj.value="";
	    }
	}

</script>
</body>
</html>